<script>
	$(function() {
		// a workaround for a flaw in the demo system (http://dev.jqueryui.com/ticket/4375), ignore!
		$( "#dialog:ui-dialog" ).dialog( "destroy" );
	
		$( "#dialog-message" ).dialog({
			modal: true,
                        autoOpen: false,
			buttons: {
                                aceptar: function() {
					$( this ).dialog( "close" );
				},
				Ok: function() {
					$( this ).dialog( "close" );
				}
			}
		});
                $( "#agregar-rol" )
			.button()
			.click(function() {
				$( "#form-rol" ).dialog( "open" );
		});
	});
	</script>

<div class="demo">

<div id="form-rol" title="Download complete">
	<p>
		<span class="ui-icon ui-icon-circle-check" style="float:left; margin:0 7px 50px 0;"></span>
		Your files have downloaded successfully into the My Downloads folder.
	</p>
	<p>
		Currently using <b>36% of your storage space</b>.
	</p>
</div>
    
    <button id="agregar-rol">Create new user</button>

</div><!-- End demo -->